<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学院网站招生就业</title>
</head>
<link href="css/style.css" rel="stylesheet" text="css/text" />

<body>
    <div id="employment">
        <div id="header"></div>
        <div id="title">
            <div class="text"><a href="#">就业信息</a></div>
            <div id="move">
                <div id="moven"><span>现在时间 : </span>
                    <span class="newTime"></span>
                </div>
            </div>
        </div>
        <div id="content">
            <div class="menu">
                <div class="nav">
                    <ul class="nav-list">
                        <li class="show"> <a href="#">学院主页</a></li>
                        <li class="show"> <a href="#">招聘就业</a></li>
                        <li class="show"> <a href="#">个人简历</a></li>
                        <li class="show"> <a href="#">招聘信息</a></li>
                        <li class="show"> <a href="#">就业指导</a></li>
                        <li class="show"> <a href="#">创业指导</a></li>
                        <li class="show"> <a href="#">考研指导</a></li>
                    </ul>
                </div>
                <div class="login">
                    <div class="title"></div>
                    <div class="f-style">
                        <from action="" method="post" class="form">
                            <ul>
                                <li>用户名:<input type="name" name="name" size="14" class="right-con"></li>
                                <li>密码:<input type="password" name="password" size="14" class="right-con"></li>
                                <li>验证码:<input type="text" size="5" class="left-con"><span class="code">1234</span></li>
                                <li>
                                    <input type="radio" name="identity" value="用人单位">用人单位
                                    <input type="radio" name="identity" value="毕业生" checked="checked">毕业生
                                    <input type="radio" name="identity" value="管理员">管理员
                                </li>
                                <li class="subm"><input type="submit" value="登录">
                                    <input type="reset" value="重置">
                                </li>
                            </ul>
                        </from>
                        <div class="newUser">
                            新用人单位，请点击：<a href="#">单位注册</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cont">
                <div class="cont-d">
                    <div class="title">
                        <span class="label">招聘信息</span>
                        <span class="more">更多</span>
                    </div>
                    <div class="lists">
                        <ul>
                            <li>
                                <a href="#"> 2017年硕士研究生拟录取名单公示</a>
                                <span class="time">2017-04-13</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="cont-a">
                    <div class="title">
                        <span class="label">招聘信息</span>
                        <span class="more">更多</span>
                    </div>
                    <div class="lists">
                        <ul>
                            <li>
                                <a href="#"> 2017年硕士研究生拟录取名单公示</a>
                                <span class="time">2017-04-13</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="cont-b">
                    <div class="title">
                        <span class="label">招聘信息</span>
                        <span class="more">更多</span>
                    </div>
                    <div class="lists">
                        <ul>
                            <li>
                                <a href="#"> 2017年硕士研究生拟录取名单公示</a>
                                <span class="time">2017-04-13</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="cont-c">
                    <div class="title">
                        <span class="label">招聘信息</span>
                        <span class="more">更多</span>
                    </div>
                    <div class="lists">
                        <ul>
                            <li>
                                <a href="#"> 2017年硕士研究生拟录取名单公示</a>
                                <span class="time">2017-04-13</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="link">
                <div class="til">
                    友情链接
                </div>
                <ul>
                    <li>
                        <a href="#" target="_blank">
                        <img src="http://www.cs.hbnu.edu.cn/rmem/bottom/zb.jpg">
                    </a>
                    </li>

                    <li>
                        <a href="#" target="_blank">
                        <img src="http://www.cs.hbnu.edu.cn/rmem/bottom/xsxx.jpg">
                    </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                        <img src="http://www.cs.hbnu.edu.cn/rmem/bottom/xds.jpg">
                    </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                        <img src="http://www.cs.hbnu.edu.cn/rmem/bottom/xbjh.jpg">
                    </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                        <img src="http://www.cs.hbnu.edu.cn/rmem/bottom/cg.jpg">
                    </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                        <img src="http://www.cs.hbnu.edu.cn/rmem/bottom/gwy.jpg">
                    </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                        <img src="http://www.cs.hbnu.edu.cn/rmem/bottom/yjs.jpg">
                    </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                        <img src="http://www.cs.hbnu.edu.cn/rmem/bottom/dc.jpg">
                    </a>
                    </li>
                </ul>
            </div>
            <div class="manage">
                <span>© 2016-2017 湖北师范大学计算机科学与技术学院 All rights reserved. Power by 
                                <a href="#">Jplus 实验室</a> 、进入
                                <a href="#">后台管理</a>.
                        </span>
            </div>
        </div>
    </div>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script>
        //显示时间
        var d = new Date();
        var vYear = d.getFullYear();
        var vMon = d.getMonth() + 1;
        var vDay = d.getDate();
        var h = d.getHours(); 
        var m = d.getMinutes(); 
        var se = d.getSeconds(); 
        function adder(e){
            return (e<10 ? '0' + e : e )
        }
        s = vYear + '年' + vMon + '月' +  vDay + '日' +  adder(h) + ':' +  adder(m) + ':' +  adder(se)
        $('.newTime').text(s)

        $.fn.textScroll = function () {
            var speed = 50, flag = null, tt, that = $(this), child = that.children();
            var p_w = that.width(), w = child.width();
            child.css({ left: p_w });
            var t = (w + p_w) / speed * 1000;
            function play(m) {
                var tm = m == undefined ? t : m;
                child.animate({ left: -w }, tm, "linear", function () {
                    $(this).css("left", p_w);
                    play();
                });
            }
            child.on({
                mouseenter: function () {
                    var l = $(this).position().left;
                    $(this).stop();
                    tt = (-(-w - l) / speed) * 1000;
                },
                mouseleave: function () {
                    play(tt);
                    tt = undefined;
                }
            });
            play();
        }
        $("#move").textScroll();
        
    </script>
</body>

</html>